<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Blog</title>
    <!--google fonts-->
    <!--<link href="https://fonts.googleapis.com/css?family=PT+Serif|Open+Sans" rel="stylesheet">-->

    <!--font-awesome CDN-->
    <!--<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">-->
    <!--font-awesome-->
    <link href="styles/css/font-awesome.min.css" rel="stylesheet">

    <link rel="stylesheet" href="scss/utils/Main.css">
    <link rel="stylesheet" href="scss/utils/Index.css">

</head>
<body class="has-main-header has-main-nav has-admin-aside has-admin-footer">

<main role="main">

    <section style="margin-bottom: 50px;">
        <div class="container">
            <div class="row">
                <aside class="col-sm-3">
                    <nav class="navbar aside-collapse-navbar">
                        <div class="">
                            <!-- Brand and toggle get grouped for better mobile display -->
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle collapsed btn-clean" data-toggle="collapse" data-target="#categories" aria-expanded="false">
                                    <span class="sr-only">Toggle navigation</span>
                                    <i class="fa fa-ellipsis-h font-rem-1-8"></i>
                                </button>
                                <a class="navbar-brand aside-title" href="#">CATEGORIES</a>
                            </div>

                            <!-- Collect the nav links, forms, and other content for toggling -->
                            <div class="collapse navbar-collapse" id="categories">
                                <ul class="list-unstyled aside-nav">
                                    <li class="active"><a href="#">All Blog Posts</a></li>
                                    <li><a href="#">Inspiration</a></li>
                                    <li><a href="#">Fashion</a></li>
                                    <li><a href="#">Shopping</a></li>
                                    <li><a href="#">Lifestyle</a></li>
                                    <li><a href="#">Photography</a></li>
                                </ul>
                            </div><!-- /.navbar-collapse -->
                        </div>
                    </nav>
                    <section class="hidden-xs" style="margin-top: 25px;">
                        <div class="aside-section-title">
                            Pick of the week
                        </div>
                        <div class="pick-of-the-week">
                            <div class="thumbnail thumbnail-clean">
                                <img src="./images/ad.png" alt="product image">
                                <div class="caption">
                                    <div class="uppercase text-center">nice to meet you</div>
                                </div>
                            </div>
                            <div class="thumbnail thumbnail-clean">
                                <img src="./images/ad.png" alt="product image">
                                <div class="caption">
                                    <div class="uppercase text-center">nice to meet you</div>
                                </div>
                            </div>
                            <div class="thumbnail thumbnail-clean">
                                <img src="./images/ad.png" alt="product image">
                                <div class="caption">
                                    <div class="uppercase text-center">nice to meet you</div>
                                </div>
                            </div>
                            <div class="thumbnail thumbnail-clean">
                                <img src="./images/ad.png" alt="product image">
                                <div class="caption">
                                    <div class="uppercase text-center">nice to meet you</div>
                                </div>
                            </div>
                        </div>
                    </section>
                </aside>
                <div class="col-sm-9" role="contentinfo">
                    <section class="blog">
                        <div class="blog-container">
                            <div class="thumbnail thumbnail-clean">
                                <img src="images/blog-1.png" alt="blog cover img">
                                <div class="caption">
                                    <h3 class="thumbnail-title"><a href="MainBlogDetails.html">HELLO NICE TO MEET YOU</a></h3>
                                    <div class="thumbnail-author">
                                        <span class="font-rem-1-6">JAMMIE LANDING<em class="color-pink">&nbsp;&nbsp;|&nbsp;&nbsp;</em></span><span>Posted on December 6,2016 at 4:35 pm</span><span class="author-role">by admin / 0</span>
                                    </div>
                                    <div class="has-hr"></div>
                                    <p class="thumbnail-content"><a href="MainBlogDetails.html">Jeans are pants made from denim or dungaree cloth. Often the term “jeans” refers to a particular style of pants, called “blue jeans” and invented by Jacob Davis and Levi Strauss in 1873. Starting in the 1950s, jeans, originally designed for cowboys, became popular among teena gers, es pecially members of the greaser....</a></p>
                                    <div><a href="MainBlogDetails.html" class="btn btn-fill-default" role="button">READ MORE</a> </div>
                                </div>
                            </div>
                            <div class="thumbnail thumbnail-clean">
                                <img src="images/blog-2.png" alt="blog cover img">
                                <div class="caption">
                                    <h3 class="thumbnail-title"><a href="MainBlogDetails.html">HELLO NICE TO MEET YOU</a></h3>
                                    <div class="thumbnail-author">
                                        <span class="font-rem-1-6">JAMMIE LANDING<em class="color-pink">&nbsp;&nbsp;|&nbsp;&nbsp;</em></span><span>Posted on December 6,2016 at 4:35 pm</span><span class="author-role">by admin / 0</span>
                                    </div>
                                    <div class="has-hr"></div>
                                    <p class="thumbnail-content"><a href="MainBlogDetails.html">Jeans are pants made from denim or dungaree cloth. Often the term “jeans” refers to a particular style of pants, called “blue jeans” and invented by Jacob Davis and Levi Strauss in 1873. Starting in the 1950s, jeans, originally designed for cowboys, became popular among teena gers, es pecially members of the greaser....</a></p>
                                    <div><a href="MainBlogDetails.html" class="btn btn-fill-default" role="button">READ MORE</a> </div>
                                </div>
                            </div>
                            <div class="thumbnail thumbnail-clean">
                                <img src="images/blog-3.png" alt="blog cover img">
                                <div class="caption">
                                    <h3 class="thumbnail-title"><a href="MainBlogDetails.html">HELLO NICE TO MEET YOU</a></h3>
                                    <div class="thumbnail-author">
                                        <span class="font-rem-1-6">JAMMIE LANDING<em class="color-pink">&nbsp;&nbsp;|&nbsp;&nbsp;</em></span><span>Posted on December 6,2016 at 4:35 pm</span><span class="author-role">by admin / 0</span>
                                    </div>
                                    <div class="has-hr"></div>
                                    <p class="thumbnail-content"><a href="MainBlogDetails.html">Jeans are pants made from denim or dungaree cloth. Often the term “jeans” refers to a particular style of pants, called “blue jeans” and invented by Jacob Davis and Levi Strauss in 1873. Starting in the 1950s, jeans, originally designed for cowboys, became popular among teena gers, es pecially members of the greaser....</a></p>
                                    <div><a href="MainBlogDetails.html" class="btn btn-fill-default" role="button">READ MORE</a> </div>
                                </div>
                            </div>
                            <div class="thumbnail thumbnail-clean">
                                <img src="images/blog-1.png" alt="blog cover img">
                                <div class="caption">
                                    <h3 class="thumbnail-title"><a href="MainBlogDetails.html">HELLO NICE TO MEET YOU</a></h3>
                                    <div class="thumbnail-author">
                                        <span class="font-rem-1-6">JAMMIE LANDING<em class="color-pink">&nbsp;&nbsp;|&nbsp;&nbsp;</em></span><span>Posted on December 6,2016 at 4:35 pm</span><span class="author-role">by admin / 0</span>
                                    </div>
                                    <div class="has-hr"></div>
                                    <p class="thumbnail-content"><a href="MainBlogDetails.html">Jeans are pants made from denim or dungaree cloth. Often the term “jeans” refers to a particular style of pants, called “blue jeans” and invented by Jacob Davis and Levi Strauss in 1873. Starting in the 1950s, jeans, originally designed for cowboys, became popular among teena gers, es pecially members of the greaser....</a></p>
                                    <div><a href="MainBlogDetails.html" class="btn btn-fill-default" role="button">READ MORE</a> </div>
                                </div>
                            </div>
                        </div>
                    </section>

                </div>
            </div>
        </div>
    </section>

</main>

<script src="lib/jquery.1.12.4.min.js"></script>
<script src="lib/bootstrap.min.js"></script>
<script src="scripts/index.js"></script>
</body>
</html>